<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单练习</title>
	</head>
	<!-- 引入外部第三方css文件,rel固定值:样式表, -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<body>
		<form action="http://localhost:8080/aaa/abc" method="get">
			<!-- 习惯把隐藏框写在form下面,这个不是给用户看的,是个开发者(修改) -->
			<input type="hidden" name="pid" id="pid" value="666">
			<div class="form-group">
				<h3>学生信息管理系统</h3>
				<div>
					<!-- lable标签 for属性光标定位 -->
					<label for="name">姓名:</label>
					<!-- 文本输入框 -->
					<input type="text" name="name" class="form-control" id="name" placeholder="请输入姓名...">
				</div>

				<div class="form-group">
					<label for="eduTime">上学时间:</label>
					<input type="date" name="eduTime" class="form-control" id="eduTime">
				</div>

				<div class="form-group">
					<label for="age">年龄:</label>
					<input type="number" name="age" class="form-control" id="age" placeholder="请输入年龄...">
				</div>
				<div>
					<label>性别:</label>
					<!-- radio互斥,同名会只能选择一个 -->
					<div class="radio-inline">
						<input type="radio" name="sex" value="1" id="sex" />男
					</div>
					<div class="radio-inline">
						<input type="radio" name="sex" value="0" id="sex" />女
					</div>
				</div>
				<div class="form-group">
					<lable>爱好:</lable>
					<div class="checkbox-inline">
						<input type="checkbox" name="hobby" id="hobby" value="乒乓球">乒乓球
					</div>
					<div class="checkbox-inline">
						<input type="checkbox" name="hobby" id="hobby" value="爬山">爬山
					</div>
					<div class="checkbox-inline">
						<input type="checkbox" name="hobby" id="hobby" value="唱歌">唱歌
					</div>

				</div>
				<div class="form-group">
					<label>学历:</label>
					<select name="edu" id="edu">
						<option value="1">幼儿园</option>
						<option value="2">小学</option>
						<option value="3">中学</option>
						<option value="4">高中</option>
						<option value="5">大专</option>
						<option value="6">本科</option>
						<option value="7">研究生</option>
						<option value="8">博士</option>
					</select>
				</div>
				<div class="form-group">
					<input class="btn btn-primary" type="submit" name="submit" value="保存">
					<button class="btn btn-danger" name="clear">取消</button>
				</div>
			</div>
		</form>
	</body>
</html>
